﻿@model Chillis.CRM.Web.Models.Publicacion.BusquedaModel
@{
    ViewBag.Title = "PendientesAtencion";
}
<script>
    $(function () {

        //        $.datepicker.setDefaults($.datepicker.regional[""]);
        //        $("#txtFechaInicio,#txtFechaFin").datepicker($.datepicker.regional["es"]);

        $('#txtFechaInicio').datepicker({
            defaultDate: '+1w',
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function (selectedDate) {
                $('#txtFechaFin').datepicker('option', 'minDate', selectedDate);
            }
        });
        $('#txtFechaFin').datepicker({
            defaultDate: '+1w',
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function (selectedDate) {
                $('#txtFechaInicio').datepicker('option', 'maxDate', selectedDate);
            }
        });

        $('#btnConsultar').click(consultarClick);

        function consultarClick() {
            if (validarInputs()) {
                ejecutarConsulta()
            }
            else {
                alert("Debe seleccionar la fecha de Inicio y Fin");
            }
        }

        function validarInputs() {

            var retorno = false;

            var fechaInicio = $('#txtFechaInicio').datepicker('getDate');
            var fechaFin = $('#txtFechaFin').datepicker('getDate');

            retorno = !(fechaInicio == null || fechaFin == null)
            return retorno;

        }

        function ejecutarConsulta() {

            var fechaInicio = $('#txtFechaInicio').datepicker({ dateFormat: 'dd-mm-yy' }).val();
            var fechaFin = $('#txtFechaFin').datepicker({ dateFormat: 'dd-mm-yy' }).val();

            $.ajax({
                url: '@Url.Action("ConsultarPendientes", "Publicacion")',
                type: "POST",
                dataType: "json",
                data: {
                    'fechaInicio': fechaInicio,
                    'fechaFin': fechaFin
                },
                success: crearTabla
            })
        }

        function crearTabla(data) {
            $('#tablaConsulta tbody').html('');

            if (data.length > 0) {
                $.each(data, function () {
                    /*
                    $('#tablaConsulta tbody')
                    .append('<tr></tr>')
                    .append($('<td></td>').text(this.RedSocial))
                    .append($('<td></td>').text(this.FechaImportacion))
                    .append($('<td></td>').text(this.Seguidor))
                    .append($('<td></td>').append($('<a IdComentario=' + this.IdComentario + ' IdPublicacion=' + this.IdPublicacion + '><img src="../../Content/themes/base/baseImages/Look_01.png" /></a>')));
                    */
                    var tr = $(document.createElement('tr'));
                    tr.append($('<td></td>').text(this.RedSocial))
                        .append($('<td></td>').text(this.FechaImportacion))
                        .append($('<td></td>').text(this.Seguidor))
                        .append($('<td></td>').append($('<a IdComentario=' + this.IdComentario + ' IdPublicacion=' + this.IdPublicacion + ' class="alink"><img src="../../Content/themes/base/baseImages/Look_01.png" /></a>')));

                    $('#tablaConsulta tbody').append(tr);

                });
            }
            else {
                alert('No se encontraron Comentarios sin atender en el rango solicitado');
            }
        }

        $('#btnNuevo').click(function () {
            var ruta = '@Url.Action("Nueva", "Publicacion")';

            window.location.href = ruta;
        });

        $('#tablaConsulta').delegate('a','click', function () {

            var idComentario = $(this).attr('IdComentario');

            var ruta = '@Url.Action("AtenderComentario", "Publicacion")';
            var rutaFinal = ruta + "?IdComentario=" + idComentario;

            window.location.href = rutaFinal;
        });

    });
</script>
<h1>
    Comentarios pendientes de atención
</h1>
<fieldset>
    <legend>
        <h2>
            Parámetros de consulta</h2>
    </legend>
    <table width="100%" border="0">
        <tr>
            <td colspan="9" class="td_alto">
            </td>
        </tr>
        <tr>
            <td width="5">
                &nbsp;
            </td>
            <td>
                Consulta Por Rango de fechas
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td>
                <input name="txtFechaInicio" type="text" class="txtFiltro" id="txtFechaInicio" />
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td>
                <input name="txtFechaFin" type="text" class="txtFiltro" id="txtFechaFin" />
                <input type="button" id="btnConsultar" class="boton" value="Consultar" />
            </td>
            <td width="5">
                &nbsp;
            </td>
            <td>
                <input type="button" id="btnNuevo" class="boton" value="Nueva Publicación" />
            </td>
            <td width="5">
                &nbsp;
            </td>
        </tr>
    </table>
</fieldset>
<br />
<table id="tablaConsulta" cellpadding="0" cellspacing="0" class="mGrid" style="width: 100%;
    border-collapse: collapse;">
    <thead>
        <tr>
            <th>
                Red Social
            </th>
            <th align="center">
                Fecha Importación
            </th>
            <th align="center">
                Seguidor
            </th>
            <th align="center">
                Atender
            </th>
        </tr>
    </thead>
    <tbody>
        @if (Model.UltimosComentarios.Any())
        {
            foreach (var item in Model.UltimosComentarios)
            {
            <tr>
                <td>@item.RedSocial
                </td>
                <td>@item.FechaImportacion
                </td>
                <td>@item.Seguidor
                </td>
                <td>
                    <a IdPublicacion="@item.IdPublicacion" IdComentario="@item.IdComentario" class="alink">
                        <img src="../../Content/themes/base/baseImages/Look_01.png" /></a>
                </td>
            </tr>
            }

        }
        else
        {
            <tr>
                <td colspan="4">
                    No se encontraron comentarios pendientes de atención
                </td>
            </tr>
        }
    </tbody>
</table>
